
<html>
<head>
    <meta charset="UTF-8">
    <link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet" />
    <link href="./jquery.multiselect.css" rel="stylesheet" />
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script src="./jquery.multiselect.js"></script>
	<style>
	</style>
</head>
<body>
    <div class="zcmorefun-multi-select">
		<select name="basic[]" multiple="multiple" class="3col active">
			<option value="AL">Alabama</option>
			<option value="AK">Alaska</option>
			<option value="AZ">Arizona</option>
			<option value="AR">Arkansas</option>
			<option value="CA">California</option>
			<option value="CO">Colorado</option>
			<option value="CT">Connecticut</option>
			<option value="DE">Delaware</option>
			<option value="FL">Florida</option>
			<option value="GA">Georgia</option>
		</select>
	</div>

    <script>
    $(function () {
        $('select[multiple].active.3col').multiselect({
            columns: 1,
            placeholder: '请选择',
            search: false,
            searchOptions: {
                'default': '请搜索'
            },
			texts: {
				'selectedOptions': ' 项已选',
				'selectAll': '全选',
				'unselectAll': '取消全选'
			},
            selectAll: true,
			maxWidth: 260,
			maxHeight: 240
        });

    });
</script>
</body>
</html>
